html {
    font-size: 16px;
}

* {
    margin: 0;
    padding: 0;
}

.root {
    width: 23.44rem;
    height: 41.69rem;
    /* background-color: rgb(195, 76, 76); */
    background-image: url("../创家盛典/images/pagefive/bg.jpg");
    overflow: hidden;
    background-size: 23.44rem 41.69rem;
    position: relative;
}

.bottom img {
    width: 1.69rem;
    height: 0.56rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 2rem;
    opacity: 0;
}

#bottom {
    position: absolute;
    bottom: 9rem;
    left: 0rem;
    /* right: 0rem; */
    width: 7rem;
    /* margin: auto; */
    /* opacity: 1; */
    opacity: 0;
}

#one {
    position: absolute;
    width: 9rem;
    height: 5rem;
    top: 3rem;
    left: -10rem;
    transform: rotate(0deg)
}

.root img {
    width: 3.3rem;
    height: 0rem;
    position: absolute;
    transform: rotate(15deg)
}

#r1,
.shade div:nth-child(1) {
    top: 11.5rem;
    left: 2.3rem;
}

#r2,
.shade div:nth-child(2) {
    top: 9.41rem;
    left: 13.41rem;
}

#r3,
.shade div:nth-child(3) {
    top: 11.44rem;
    left: 20.03rem;
}

#r4,
.shade div:nth-child(4) {
    top: 19rem;
    left: 14rem;
}

#r5,
.shade div:nth-child(5) {
    top: 17.69rem;
    left: 7.72rem;
}

#r6,
.shade div:nth-child(6) {
    top: 25.69rem;
    left: 2.03rem;
}

#r7,
.shade div:nth-child(7) {
    top: 25.3rem;
    left: 19.3rem;
}

#r8,
.shade div:nth-child(8) {
    top: 36.9rem;
    left: 6.16rem;
}

#r9,
.shade div:nth-child(9) {
    top: 34.72rem;
    left: 17rem;
}

#r10,
.shade div:nth-child(10) {
    top: 28.5rem;
    left: 11.78rem;
}


/* .shade {
    width: 23.44rem;
    height: 41.69rem;
    position: relative;
    top: -40rem;
} */


/* .shade div:nth-child(1) {
    top: 9.5rem;
    left: -19.7rem;
}

.shade div:nth-child(2) {
    top: 9.41rem;
    left: 13.41rem;
}

.shade div:nth-child(3) {
    top: 8.44rem;
    left: 18.03rem;
}

.shade div:nth-child(4) {
    top: 19rem;
    left: 14rem;
}

.shade div:nth-child(5) {
    top: 9.5 rem;
    left: 0.3rem;
}

.shade div:nth-child(6) {
    top: 9.5 rem;
    left: 0.3rem;
}

.shade div:nth-child(7) {
    top: 9.5 rem;
    left: 0.3rem;
}

.shade div:nth-child(8) {
    top: 9.5 rem;
    left: 0.3rem;
}

.shade div:nth-child(9) {
    top: 9.5 rem;
    left: 0.3rem;
}

.shade div:nth-child(10) {
    top: 9.5 rem;
    left: 0.3rem;
} */

.shade div {
    /* width: 20.4rem;
    height: 31.25rem; */
    width: 3.3rem;
    height: 3rem;
    display: none;
    position: absolute;
    background-image: url("../创家盛典/images/pagefive/glass.jpg");
}

.shade div img:first-child {
    width: 100%;
}

.fx {
    width: 3rem;
    position: absolute;
    right: -1rem;
    top: -1rem;
    /* margin: auto; */
}